<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
	<meta http-equiv="content-type" content="text/xml; charset=utf-8" /> 
    <title>Check Out</title>
   	<meta name="description" content=""  /> 
	<meta name="keywords" content=""  /> 
	<link rel="stylesheet" type="text/css" href="formatstyles.css"/> 
	<link rel="stylesheet" type="text/css" href="divstyles.css"/> 
    <link rel="stylesheet" type="text/css" href="style/css/jquery-ui-1.8.18.custom.css" />
	
	<!-- include CSS always before including js -->

	<!-- include jQuery library -->
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
	<link rel="stylesheet" type="text/css" media="screen" href="style/css/demos.css"/>
	<style type="text/css" media="screen"> 
		@import "style/css/uni-form.css"; 
	</style>
	
	<!-- Demo page js -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.uni-form.js"></script>
	
	<!-- Star Rating widget stuff here... -->
	<script type="text/javascript" src="js/jquery.ui.stars.js"></script>
	<link rel="stylesheet" type="text/css" href="style/css/crystal-stars.css"/>
	<script type="text/javascript" src ="js/language-en.js"></script> 
	<script type="text/javascript" src ="js/nopcart.js" language="javascript"> 	
      //============================================================== 
      //               NOP Design JavaScript Shopping Cart               
      //-------------------------------------------------------------- 
	  //       Visit NOP Design at http://www.nopdesign.com/freecart     
	  //============================================================== 
	</script>
    
	<script type="text/javascript" src="js/validate.js"></script>
</head>

<body>
<div id="fade" style="display:none;"></div>
	<!-- This is the page section -->
	<div id="page_section">

		<!-- This is the banner --> 
		<div> 
 			<?php include("banner.php"); ?>
		</div> 
		<!-- This is end of the banner --> 
    
    	<div id="user-cpanel">
			<?php include("user_cpanel.php"); ?>
        </div>
        
        <div class="wan-clear"></div>
        
        <div id="user-form">
       		<?php include("user-form.php"); ?>
		</div>
        
		<div id="topnav">
           <?php include("top-nav.php"); ?>
        </div>
       
<!-- This is the content -->
		<div id="content">
			<h1>Booking Information</h1>
			<!-- ManageCart Begin-->
			<center>

            <?php                
                echo '<div id="tour_booking"><table>
                        <tr>
                            <th>Tour name</th>
                            <th>Tour Price</th>
                            <th>Number of Visitors</th>
                            <th>Transportation</th>
                            <th>Transport Price</th>
                            <th>Date</th>
                        </tr>
                        <tr>
                            <td>'.$tourName.'</td>
                            <td>'.$tourPrice.'</td>
                            <td>'.$numVisitor.'</td>
                            <td>'.$transportRecord['name'].'</td>
                            <td>'.$transportRecord['price'].'</td>
                            <td>'.$date.'</td>                                                                
                        </tr>
                        <tr class="note">
                        	<td colspan="6">Note: Please come to our office before start time 2 hours</td>
                        </tr>
                      </table>
                     </div>    
            <h2>Please enter credit card details to perform purchase:</h2>
            
            <img src="images/visa-credit.jpg" height="100" width="300" align="middle" alt="visa logo" />
            
            <form name="card" onsubmit="return validateCard()" action="thankyou.html" method="post">
                <table>
                    <tr>
                        <td>Credit card number</td>
                        <td><input type="text" name="c_number" /></td>
                    </tr>
                    
                    <tr>
                        <td>Security code</td>
                        <td><input type="text" name="s_code" /></td>
                    </tr> 	

                    <tr>
                        <td>Expire date</td>
                        <td><select name="rangeHTML">';
                                for ($i=1; $i<=12; $i++)
                                {
                                    echo '<option value="'.$i.'">'.$i.'</option>';   
                                }
                            echo '</select>
                            
                            <select name="year">';       	
                                for ($i=date("Y"); $i<=date("Y")+10; $i++)
                                {
                                    echo '<option value="'.$i.'">'.$i.'</option>';   
                                }
                            echo '</select>
                        </td>
                    </tr>
                </table>
                <br /> ';
                
                $username = $_SESSION['username'];
                
                echo '
                <input type="hidden" name="username" value="'.$username.'" />
                <input type="hidden" name="bookingID" value="'.$bookingID.'" />
                <input type="hidden" name="tourID" value="'.$tourID.'" />
                <input type="hidden" name="date" value="'.$date.'" />
                <input type="hidden" name="transportID" value="'.$transportID.'" />
                <input type="hidden" name="numVisitor" value="'.$numVisitor.'" />
                <input type="hidden" name="tourname" value="'.$tourName.'" />
                <input type="hidden" name="transport" value="'.$transportRecord['name'].'" />
       
                <input type="submit" value="   Submit Order   " /><br /><br />
            </form>';
            ?>
			</center>
		</div>
		<div class="wan-clear"></div> 
<!-- This is end of the content -->
	</div> 
<!-- This is end of the page section -->
<br />
<!-- This is the footer -->
		<div id="footer"> 
			<p class="footer">This website is a student project that is intended to be used only for academic purposes. This page was created by Dat, Duong Xuong </p>
		</div> 
<!-- This is end of the footer -->
</body>

</html>